<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/pages/common/header.jsp"%>
<jdf:themeFile file="business/commercialInvoice.js" />
<c:choose>
    <c:when test="${action=='my'}">
        <c:set value="我的商业发票" var="title"/> 
    </c:when>
    <c:when test="${action=='page'}">
        <c:set value="商业发票管理" var="title"/> 
    </c:when>
        <c:when test="${action=='audit'}">
        <c:set value="商业发票审核" var="title"/> 
    </c:when>
    <c:otherwise>
        <c:set value="商业发票管理" var="title"/> 
    </c:otherwise>
</c:choose>
</head>
<body>
	<div class="contentBody contentborder">
		<div class="tab-pane" id="tabPane">
			<div id="message">${message }</div>
			<div class="tab-page">
				 <h1 class="tab">${title}</h1>
 				 <div class="contentborder">
                	 <jdf:form bean="request" scope="request">
						<form action="${dynamicDomain}/commercialInvoice/${action}" method="post">
							 <table class="inputTable">
							     <c:if test="${action=='page'}">
							     <tr>
                                    <td class="label cancelBorderLeft">
                                        <label for="search_EQI_customerId">客户：</label>
                                    </td>
                                    <td class="content" colspan="3">
                                        <select name="search_EQI_customerId" style="width:400px;" id="search_EQI_customerId">
                                            <option value=""></option>
                                            <jdf:selectCollection items="customers" optionValue="objectId" optionText="name"/>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label cancelBorderLeft">
                                        <label for="search_EQI_status">状态：</label>
                                    </td>
                                    <td class="content">
                                        <select name="search_EQI_status" id="search_EQI_status">
                                            <option value=""></option>
                                            <jdf:select dictionaryId="1009" valid="true"/>
                                        </select>
                                    </td>
                                    <td nowrap class="label">
                                        <label for="search_GED_invoiceDate">开票日期：</label>
                                    </td>
                                    <td class="content">
                                        <input type="text" id="search_GED_invoiceDate" size="14" name="search_GED_invoiceDate" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'search_LED_invoiceDate\')}',readOnly:true})">
                                        ~
                                        <input type="text" id="search_LED_invoiceDate" size="14" name="search_LED_invoiceDate" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'search_GED_invoiceDate\')}',readOnly:true})">
                                    </td>
                                </tr>
                                </c:if>
			                 	<tr>
									<td nowrap class="label cancelBorderLeft">
										<label for="search_EQI_objectId">发票编号：</label>
									</td>
									<td class="content">
										<input type="text" name="search_EQI_objectId" />
									</td>
									<td nowrap class="label">
										<label for="search_LIKES_blNo">提单编号：</label>
									</td>
									<td class="content">
										<input type="text" name="search_LIKES_blNo" />
									</td>
			                 	</tr>
			                 	<tr>
                                	<td class="bottomLabel" nowrap colspan="4">
                                		<div class="right">
											<button type="reset">重置</button>
											<button type="submit">查询</button>
                                		</div>
									</td>
			                 </table>
			            </form>
			        </jdf:form>
				</div>
				<div class="contentborder listArea">
					<div class="toolBar">
		 				<button type="button" onclick="window.location.href='${dynamicDomain}/commercialInvoice/create?action=${action}'">增加</button>
					</div>
					<div id="tableDiv">
						<jdf:table items="items" var="currentRowObject" retrieveRowsCallback="limit" filterRowsCallback="limit" sortRowsCallback="limit" action="${action}">
							<jdf:export view="csv" fileName="商业发票.csv" tooltip="Export CSV" imageName="csv" />
							<jdf:export view="xls" fileName="商业发票.xls" tooltip="Export EXCEL" imageName="xls" />
							<jdf:row>
							    <jdf:column property="objectId" title="发票编号" style="width: 12%">
                                    ${currentRowObject.no}
                                </jdf:column>
                                <jdf:column property="orderIds" title="销售编号" style="width: 15%" sortable="false"/>
								<jdf:column property="invoiceDate" title="开票日期" style="width: 12%"  cell="date"/>
								<jdf:column property="predictPayDate" title="预计付款日期" style="width: 12%"  cell="date"/>
								<jdf:column property="customerId" title="客户" style="width: 14%">
                                  <jdf:columnCollectionValue items="customers"  nameProperty="name" value="${currentRowObject.customerId}"/>
                                </jdf:column>
                                <jdf:column property="total" title="金额" style="width: 10%"  cell="currency"/>
                                <jdf:column property="status" title="状态" style="width: 5%">
                                    <jdf:columnValue dictionaryId="1009" value="${currentRowObject.status}"/>
                                </jdf:column>
								<jdf:column property="blNo" title="提单编号" style="width: 10%" viewsDenied="html"/>
								<jdf:column alias="操作" sortable="false" viewsAllowed="html" style="width: 20%">
									<c:if test="${action=='page' ||(action=='my' && currentRowObject.status<10)}">
									<a href="${dynamicDomain}/commercialInvoice/edit/${currentRowObject.id}?action=${action}" class="button">修改</a>
									<c:if test="${currentRowObject.status == 10 }">
                                    <a href="javascript:pay(${currentRowObject.objectId},'${action}')" class="button audit">收款</a>
                                    </c:if>
									</c:if>
									<c:if test="${action=='audit' }">
										<a href="javascript:audit(${currentRowObject.objectId},'${action}')" class="button  audit">审核通过</a>
									</c:if>
									<c:if test="${(action=='page'||action=='audit')&&(currentRowObject.status == 10||currentRowObject.status == 5) }">
                                       <a href="#backwardReason" onclick="javascript:currentOrderId=${currentRowObject.objectId};" class="button audit backward">退回</a>
                                    </c:if>
									<a href="${dynamicDomain}/commercialInvoice/print/${currentRowObject.objectId}?action=${action}" class="button">查看</a>
									<a href="#selectUser" onclick="javascript:currentOrderId=${currentRowObject.objectId};getCustomer(${currentRowObject.customerId});" class="button audit edit">邮件通知</a>
								    <a href="${dynamicDomain}/commercialInvoice/download/${currentRowObject.objectId}" class="button">PDF下载</a>
								</jdf:column>
							</jdf:row>
						</jdf:table>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div style="display: none;">
        <div id="selectUser" class="contentborder">
            <div id="suberror"></div>
            <div id="subnotice"></div>
            <table class="inputTable">
               <tr>
                   <td class="label cancelBorderLeft" style="width: 20%;"><label>客户：</label></td>
                   <td class="content">&nbsp;<input type="checkbox" name="customer" value="1" id="customer_1" style="vertical-align: middle;">&nbsp;<label id="customer_2" for="customer_1"></label></td>
               </tr>
               <jsp:include page="/extendUser/selectEmailUsers" flush="true" />
               <tr>
                   <td class="bottomLabel" colspan="2">
                      <div class="right">
                          <button onclick="notify()" id="notifyButton">邮件通知</button>
                      </div>
                  </td>
               </tr>
            </table>
        </div>
    </div>
    
    <div style="display: none;">
        <div id="backwardReason" class="contentborder">
            <div id="suberror1" class="suberror"></div>
            <div id="subnotice1" class="subnotice"></div>
            <table class="inputTable">
               <tr>
                   <td class="label cancelBorderLeft" style="width: 25%;"><label>退回原因：</label></td>
                   <td class="content">&nbsp;<textarea cols="30" rows="2" name="reason" id="reason"></textarea></td>
               </tr>
                <tr>
                   <td class="bottomLabel" colspan="2">
                      <div class="right">
                          <button onclick="backward('${action}')" id="backwardButton">确认退回</button>
                      </div>
                  </td>
               </tr>
            </table>
        </div>
    </div>
    
    
	<script type="text/javascript">
		$(function() {
	        $(".colorbox").colorbox({iframe:true, innerWidth:700, innerHeight:460});
	        $(".backward").colorbox({inline:true, innerWidth:400, innerHeight:200,href:'#backwardReason'});
	        $('.edit').colorbox({ inline:true,innerWidth:500, innerHeight:300,href:'#selectUser'});
	    });
	
		var currentOrderId = null;
		 
	</script>
</body>
</html>